<!doctype html>
<html>

	<head>
		<meta charset="utf-8">
		<title></title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link href="../css/mui.css" rel="stylesheet" />
		<link href="../css/header.css" rel="stylesheet" />
	</head>

	<body>
		<!-- 头部标题栏 -->
		<header class="mui-bar mui-bar-nav title">
			<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left" style="color:white;"></a>
			<a id="openMenu" class="mui-icon mui-icon-right-nav mui-pull-right title-color" >...</a>
			<h1 class="mui-title">头像信息</h1>
		</header>
		<!-- 主体部分   -->
		<div class="mui-content">
			<img id="img_myface" src="../css/registLogin/1.jpg"  />
		</div>
		<!-- act   操作表 -->
		<div id="sheet-myface" class="mui-popover mui-popover-bottom mui-popover-action ">
			<!-- 可选择菜单 -->
			<ul class="mui-table-view">
			  <li class="mui-table-view-cell">
				<a id="link_choosePhoto" href="#">选择头像</a>
			  </li>
			  <li class="mui-table-view-cell">
				<a id="link_savePhoto" href="#">保存头像</a>
			  </li>
			</ul>
			<!-- 取消菜单 -->
			<ul class="mui-table-view">
			  <li class="mui-table-view-cell">
				<a href="#sheet-myface"><b>取消</b></a>
			  </li>
			</ul>
		</div>
		<script src="../js/app.js"></script>
		<script src="../js/mui.js"></script>
		<script type="text/javascript">
			mui.init();
			mui.plusReady(function () {
			   //获取全局个人信息
				var user=app.getUserGlobalInfo();
				var img_myface=document.getElementById("img_myface");
				if(user!=null){
					var faceImage=user.faceImage;
					if(app.isNotNull(faceImage)){ 
						img_myface.src=app.imgServerUrl+faceImage;
					}
				}
				//对图片的宽度和高度设置
				var imgWeight=document.body.clientWidth;
				img_myface.width=imgWeight;
				img_myface.height=imgWeight;
				
				
				//个人头像菜单按钮设置
				var openMenu = document.getElementById("openMenu");
				openMenu.addEventListener("tap",function(){
					mui("#sheet-myface").popover("toggle");
				});
				
				//个人头像选择
				document.getElementById("link_choosePhoto").addEventListener("tap",function(){
					//引入图片裁剪插件
					mui.openWindow("../plugin/v3.1.6/myface-uploader.html","myface-uploader.html");
					mui("#sheet-myface").popover("toggle");
				});
				//个人头像保存save
				document.getElementById("link_savePhoto").addEventListener("tap",function(){
					alert("保存头像")
				})
			});
		</script>
	</body>

</html>
